<template>
    <div class="left-nav">
        <ul>
            <li>
                <a href="">
                    <i class="icon iconfont icon-yue"></i>
                    <div>收银</div>
                </a>
            </li>
            <li>
                <a href="">
                    <i class="icon iconfont icon-shouye"></i>
                    <div>店铺</div>
                </a>
            </li>
            <li>
                <a href="">
                    <i class="icon iconfont icon-liwu"></i>
                    <div>商品</div>
                </a>
            </li>
            <li>
                <a href="">
                    <i class="icon iconfont icon-baxin"></i>
                    <div>会员</div>
                </a>
            </li>
            <li>
                <a href="">
                    <i class="icon iconfont icon-jilu"></i>
                    <div>统计</div>
                </a>
            </li>
        </ul>
    </div>
</template>

<script>
    export default {
        name: "leftNav",

    }
</script>

<style lang="less">
    .left-nav {
        font-size: 10px;
        height: 100%;
        background-color: #229AE0;
        float: left;
        width: 5%;
        color: #f3f8f1;

        li {
            list-style: none;
            text-align: center;
            border-bottom: 1px solid #1d8ce0;
            padding: 10px;

            a {
                text-decoration: none;
                color: #f3f8f1;
                font-size: 18px;
                .iconfont {
                    /*color: #f3f8f1;*/
                    font-size: 18px;
                }
            }

        }
    }
</style>